<?xml version='1.0' encoding='UTF-8' ?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">
    <h:head>
        <title>Usuario Nuevo</title>
        <link rel="stylesheet" href="estilo.css" />
    </h:head>
    <h:body>
         <div id="banner">
            <h1><span class="Estilo1">Glogal Observing System</span><h2><span class="Estilo2">Bienvenido <h:outputText value="#{faces.name}-#{faces.tipoUsuario}"/> </span></h2></h1>
        </div>
        <h:form id="formId">
            <h1><span class="Estilo1">Global Observing System</span></h1>
            <h:panelGrid columns="3" >
                <h:outputLabel for="name" value="Nombre" />
                <h:inputText id="name" label="Nombre" value="#{faces.name}" required="true" >
                </h:inputText>
                <h:message id="nameError" for="name" errorClass="error" />

                <h:outputLabel for="login" value="Seudónimo" />
                <h:inputText id="login" label="login" value="#{faces.logon}" required="true" >

                </h:inputText>
                <h:message id="loginError" for="login" errorClass="error" />

                <h:outputLabel for="password" value="Clave" />
                <h:inputSecret id="password" label="Clave" value="#{faces.pass}" required="true">

                </h:inputSecret>
                <h:message id="passwordError" for="password" errorClass="error" />


                <h:outputLabel for="tipoUsuario" value="Tipo Usuario" />
                <h:selectOneListbox value="#{faces.tipoUsuario}" size="1">
                    <f:selectItem itemValue="Normal" itemLabel="Normal"/>
                    <f:selectItem itemValue="Climatologo" itemLabel="Climatológo"/>
                </h:selectOneListbox>
                <h:message id="tipoUsuarioError" for="tipoUsuario" errorClass="error" />

                <h:outputLabel for="mail" value="Correo" />
                <h:inputText id="mail" label="mail" value="#{faces.mail}" required="true">
                </h:inputText>
                <h:message id="mailError" for="mail" errorClass="error" />

            </h:panelGrid>
            <h4><h:commandButton action="#{faces.editarUsuario}" value="editar cuenta"/></h4>


        </h:form>

        <div id="ext">



            <li><h:outputLink value="principal.xhtml"> Atras </h:outputLink></li>
        </div>
    </h:body>
</html>
